<script type="text/javascript">
    
var <?= $this->jsObject ?> = {
	selGridId: "#<?= $this->selectedjqgrid->tableId ?>",
	gridId: "#<?= $this->jqgrid->tableId ?>",
	addOpt: <?= $this->jqgrid->invokeParams ?>,
	removeOpt: <?= $this->selectedjqgrid->invokeParams ?>
};

(function($, $f) {

	$.extend($f, {

		dialogOpt: {
            width:"226px"
        },

		addItem: function(evt, context) {
			var row = context["draggable"][0];
			var data = $($f.gridId).jqGrid("getRowData", row["id"]);
			if (data.id > 0) {
				var q = $.param({
					nodeid: $f.addOpt["nodeid"],
					id: data.id
				});
				$.ajax({
					url: $f.addOpt["url"] + "?" + q,
					success: function() {},
					error: function() {
						info_dialog("Ошибка", "Не удалось добавить группу", null, $f.dialogOpt);
					}
				});
			}
		},

		removeItem: function(evt, context) {
			var row = context["draggable"][0];
			var data = $($f.selGridId).jqGrid("getRowData", row["id"]);
			if (data.id > 0) {
				var q = $.param({
					nodeid: $f.removeOpt['nodeid'],
					id: data.id
				});
				$.ajax({
					url: $f.removeOpt['url'] + "?" + q,
					success: function() {},
					error: function() {
						info_dialog("Ошибка", "Не удалось удалить группу", null, $f.dialogOpt);
					}
				});
			}
		}
	});

})(jQuery, <?= $this->jsObject ?>);

</script>

<p>Для редактирования списка доступных групп перетащите
выбранную группу в соответствующую таблицу.</p>

<br/>

<div class="content_left mr1"><?= $this->jqgrid ?></div>

<div class="content_left"><?= $this->selectedjqgrid ?></div>

<br style="clear:both" />

<? if ($this->backurl) : ?>
<p>
<?= $this->jQueryButton(
	'save_button',
	null,
	array('events' => array(
        'click' => 'location.href = "'. $this->backurl .'"'
    )),
	array('title' => $this->backurlLabel, 'type' => 'button')
) ?>
</p>
<? endif ?>